草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - d3.tree => 转换似乎不起作用

我使用d3js创建了一个树形布局图。节点可单击以切换显示子项。应该将子节点插入到预定义的位置,然后过渡到所需的位置。问题是插入坐标总是关闭的。使用Firebug进行调试时,它显示在添加新节点后,其坐标直接为x=51.42857142857142和y=200.0,即使行.attr("transform","translate(90,100)")应该改变它们(我在这里使用固定值,以进一步确定问题。我的错误在哪里?完整代码://Togglechildren.functiontoggle(d){if(d.children){d._children=d.children;d.children=n

javascript - 检查元素是否完全可见,然后停止滚动

我正在使用FullSlider.js创建一个完整的幻灯片网页。如果红色元素完全可见,我需要浏览器阻止滚动事件(意味着:窗口没有移动,但我能够接收到Action)并且在我做了一些事情之后我想再次启用滚动。这就是我到目前为止所做的:我阅读了很多关于此的内容并尝试了更多解决方案,例如:停止滚动:1.stopscrollingofwebpagewithjquery根本不起作用HowtoprogrammaticallydisablepagescrollingwithjQuery停止滚动,但无法再次启用滚动事件阻止默认,在chrome中工作正常,但在firefox中工作不太好检查元素是否可见:Ch

javascript - 创建一个随内容增长的 View ,当它达到屏幕高度时开始滚动响应 native ?

我想使用ReactNative构建一个包含元素列表的框。我希望盒子随着更多元素的添加而增长,一旦盒子与设备屏幕一样高,盒子的内容就会变得可滚动。这样我就可以始终在屏幕上显示页眉和页脚。换句话说,我想要一个容器来适应它的内容,如果内容多于屏幕上无法容纳的内容,我希望容器是可滚动的。这可能吗?这是一个rnplay:https://rnplay.org/apps/KrOk6w这就是我希望在屏幕上显示的项目数量超过该值时发生的情况:这就是我只希望通过几个项目实现的结果:这是我不希望只有少数项目发生的事情:这是我在此示例中使用的代码,您可以更改rowCount以增加行数。varReact=req

javascript - 如何捕获 Vue.JS SPA 中抛出的所有错误

我正在创建一个网络应用程序并trycatchvue.js网络应用程序中任何地方抛出的所有错误。我在看errorHandler但它仅在渲染或观察者期间捕获错误,如前所述:Assignahandlerforuncaughterrorsduringcomponentrenderandwatchers.ThehandlergetscalledwiththeerrorandtheVueinstance.从这个question得到提示,我写了下面的代码:window.onerror=function(errorMsg,url,lineNumber,column,errorObj){console.

javascript - 使用 aria-live 在 vue.js 中向屏幕阅读器发布信息

我正在尝试让一个vue组件在我的网站上发生不同事件时动态地向屏幕阅读器宣布信息。我让它工作到单击按钮将填充aria-live="assertive"和role="alert"文本的范围。这第一次工作得很好,但是,单击具有类似行为的其他按钮会导致NVDA在阅读新文本之前阅读以前的文本两次。这似乎发生在vue中,但使用jquery的类似设置却没有发生,所以我猜它与vue呈现给DOM的方式有关。我希望有某种方法可以解决此问题,或者可能有更好的方法将文本读给不会有此问题的用户。非常感谢任何帮助。Hereisasimplecomponent我在工作代码沙箱中设置以显示我遇到的问题(导航至comp

javascript - 全局修改axios默认 header 时出现问题 - Vue

在ma​​in.jsimportaxiosfrom'axios';axios.defaults.headers.common={'Authorization':'JWT'+Vue.auth.getToken()};axios.defaults.baseURL=process.env.VUE_APP_BASE_URL;//TODO:appendthetrailingslash//AddmodifiedaxiosinstancetoVueprototypesothattobeavailablegloballyviaVueinstanceVue.prototype.$http=axios;到

javascript - Vue.js 中的内联反转 bool 值 @click

对于一个简单的演示,我想反转我在Vue.js实例的数据属性中定义的bool值。我尝试过的:Toggle和Toggle我想避免编写单独的方法或在我的v-on:click="":spanVisible中包含类似的东西?!spanVisible:!spanVisible因为它只是多余的。所以现在我的问题主要是:为什么直接反相不起作用?我还有什么其他的可能性可以让它简短明了?编辑:我现在发现的最短的可能变体是使用spanVisible=!spanVisible,但不确定这是否是可用的最简洁的版本。解决方案:@Sombriks在评论中提出了我找到的最佳解决方案:使用@click="!spanVi

javascript - 移动滚动时延迟元素位置更新

我正在尝试制作一个粘性标题+第一列表。在桌面浏览器上运行良好。但是,当我在移动设备上滚动表格的x轴时,位置更新会拖拽,即速度不够快。我读过各种建议iScroll的SO线程.我不太确定在这种情况下如何正确使用它。是否应该拦截tbody滚动事件,保留默认行为并根据iScroll的事件值更新位置?请在这里指出正确的方向:)$(function(){var$tbody=$('tbody');$tbody.on('scroll',function(e){varleft=$tbody.scrollLeft();$('thead').css('left',-left);$('tbodytd:nth-

javascript - vue 2、typescript、mocha 和 karma 的代码覆盖率

我们将Vue2与Typescript和webpack3结合使用。Vuex用于状态管理。我们的测试与Karma以及Mocha、Sinon、Expect和Avoriaz一起运行。一切都很好,但我尝试使用Istanbul获得代码覆盖率,以更好地直观表示缺少哪些测试。文件夹结构的小型表示来源组件分享按钮按钮.vue按钮.tsindex.ts...测试单位组件分享按钮按钮.spec.test.tskarma.conf.jskarma.coverage.jsindex.ts...按钮.vuebutton.tsimport{Component,Prop,Vue}from'vue-property-d

javascript - 古腾堡编辑器滚动 block 进入 View

如何将新插入的block滚动到wordpressgutenberg编辑器的View中?我正在创建blockconstnextBlock=createBlock('core/paragraph');wp.data.dispatch('core/editor').insertBlock(nextBlock);//scrolltheblockintotheview我还看到gutenberg使用dom-scroll-into-view包,例如here.他们的文档说:varscrollIntoView=require('dom-scroll-into-view');scrollIntoView(